{% extends "base.html" %}

{% block external %}

<script type="text/javascript">
	$( function () {
		window.app = Appetizor.setup({{	dishes_json|safe }}, 
			{ "showMap":true });
	});
</script>

<!-- Templates -->

<script type="text/template" id="dish-list-item-tmpl">
	<!--<span class="rank">#<%= pk %></span>-->
	<a href="/media/<%= display_url %>"><img src="/media/<%= thumbnail_url %>"></a>
	<span class="name"><a href="/{{ urls.DISH }}/<%= slug %>"><%= name %></a>
		at <a href="/{{ urls.PLACE }}/<%= place_slug %>"><%= place_name %></a></span>
</script>

{% endblock %}

{% block content %}

<!--
<div class="row">
	<div class="span8 columns">
		<h1>{{ category.name }}</h1>
		<a href="/add/dish">Add dish</a>
		{% if dish_location_tuple %}
		<ul>
		{% for dish, location, location_slug in dish_location_tuple %}
		<li>
		<a href="/rate/{{ dish.id }}/good">[+]</a>
		<a href="/rate/{{ dish.id }}/bad">[-]</a>
		<a href="/d/{{ dish.slug }}">{{ dish.name }}</a> at <a href="/p/{{ location_slug }}">{{ location }}</a>
		</li>
		{% endfor %}
		</ul>
		{% endif %}
	</div>
</div>


<div class="row">
	<div class="span16 columns">
		<h1>{{ category.name }}</h1>
	</div>
</div>
-->

<div class="row">
	<div class="span2 columns">asdf safd saf  saf safdsfsafdsfff </div>
	<div class="span12 columns">
		<ul id="dish_list"></ul>
	</div>
	<div class="span2 columns"><div id="map_canvas" style="width: 100%; height: 50px"></div>
	</div>
</div>

{% endblock %}